<template>
	<view class="water_top" style="pointer-events: none;">
		<view class="water-text" v-for="i in 350" :key="i">{{ watermarkText }}</view>
	</view>

</template>

<script>
	export default {
	    name: 'WaterMark',
	    data() {
	        return {};
	    },
	    computed: {
	        watermarkText() {
	            return '水印';
	        }
	    }
	};

</script>

<style scoped>
    /* 想要改水印大小或者稀疏通过样式调整即可 */
    .water_top{
      position: fixed;
      width: 200vw;
      top:0;
      bottom: 0;
      left: 0;
      right: 0;
      transform:rotate(-3deg);
      z-index: 1;
    }
    .water-text{
      float: left;
      padding: 0 100rpx;
      color: rgba(169,169,169,.4);
      text-align: center;
      font-size: 28rpx;
      margin: 120rpx 0;
    }
</style>